<template>
  <div id="app" class="app">
    <router-view />
    <el-backtop target=".app" :visibility-height="100" :bottom="60" :right="20">
      <i class="iconfont icon-huidaodingbu"/>
    </el-backtop>
  </div>
</template>
<script>
import VConsole from 'vconsole'
export  default {
  created() {
    let vconcole=new VConsole()
  }
}
</script>


<style lang="less">
html,body,#app {
  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  position: fixed;
  width: 100%;
  height:100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  background: #ece9e6;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, rgb(236, 233, 230), rgb(255, 255, 255));
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, rgb(236, 233, 230), rgb(255, 255, 255));
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
::-webkit-scrollbar{ /*滚动条整体样式*/
  width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb{ /*滚动条里面小方块*/
  border-radius: 10px;
  background: #cfcbcb;
}
::-webkit-scrollbar-track{ /*滚动条里面轨道*/
  border-radius: 10px;
  background: #ededed;
}

</style>
